.colorful {
	min-width:281px;
    .r {
        width:100%;
        height:62px;
        overflow:hidden;
        padding:0 1px;
        margin-top:-30px;
    }
    .r2 {
        width:110%;
        margin-left:-26px;
        margin-top:-18px;
    }
    .r3 {
        margin-top:-18px;
    }
    .a {
        width:50px;
        height:60px;
        transform:rotate(120deg);
        overflow:hidden;
        float:left;
        margin:1px;
    }
    .b,.c {
        width:100%;
        height:100%;
        transform:rotate(-60deg);
        overflow:hidden;
    }
    .c {
        background-color:#747474;
    }
}

@keyframes myfirst {
	0% {
	    background:#FF0000;
    }
    16% {
        background:#FF7D00;
    }
    33% {
        background:#FFFF00;
    }
    48% {
        background:#00FF00;
    }
    64% {
        background:#00FFFF;
    }
    82% {
        background:#0000FF;
    }
    100% {
        background:#FF00FF;
    }
}